<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>021-文本修饰</title>
		<style>
			.text1 {
				/* 斜体 粗体 大小 字体 非衬线（字体类，不属于字体，前面所有字体无效，它才生效）；复合属性，大小 和 字体族 必须写在最后 */
				font: italic bold 20px Helvetica, Verdana, sans-serif;
			}
			.text2 {
				/* 下划线 波浪线 颜色 */
				text-decoration: underline wavy #ff0000;
			}
		</style>
	</head>
	<body>
		<div class="text1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Est, atque!</div>
		<div class="text2">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores quod, itaque at soluta veniam repellendus
			odit! Nisi ducimus soluta laudantium?
		</div>
	</body>
</html>
